<template>
  <el-dialog
    v-if="dialogVisible"
    size="70%"
    :destroy-on-close="true"
    :visible.sync="dialogVisible"
    :append-to-body="true"
    :modal-append-to-body="false"
  >
    <div class="app-context">
      <sysQueryResult :id="id"></sysQueryResult>
    </div>
  </el-dialog>
</template>

<script>
import sysQueryResult from "@/views/sysQueryResult";

export default {
  components: {
    sysQueryResult,
  },
  data() {
    return {
      dialogVisible: false,
      id: "",
    };
  },
  methods: {
    onShow(id) {
      this.id = id;
      this.dialogVisible = true;
    },
    onClose() {
      this.dialogVisible = false;
    },
  },
  mounted() {},
};
</script>

<style scoped>
.app-context {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.app-query-view {
  display: block;
  font-size: 18px;
  width: 90%;
}

.app-query-btn {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 10px;
}

.el-card {
  border: 0px;
}

/deep/ .el-dialog__body {
  padding: 0 0 !important;
}

/deep/ .el-dialog__header {
  border: none;
  padding: 0 0 !important;
}
</style>
